<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <!-- 放置头部通用内容 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title layout:title-pattern="$CONTENT_TITLE">后台管理</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- bootstrap -->
    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/bower_components/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="/bower_components/Ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/dist/css/AdminLTE.min.css">
    <!-- Admin lte skin -->
    <link rel="stylesheet" href="/dist/css/skins/skin-green-light.min.css">
    <!-- Pace style -->
    <link rel="stylesheet" href="/plugins/pace/pace.min.css">
    <!-- bootstrap table -->
    <link rel="stylesheet" href="/bower_components/bootstrap-table/dist/bootstrap-table.css">
    <!--[if lt IE 9]>
    <script src="/bower_components/html5shiv/html5shiv.min.js"></script>
    <script src="/bower_components/respond/respond.min.js"></script>
    <![endif]-->
</head>
<body class="hold-transition skin-green-light  sidebar-mini">
<div class="wrapper">
    <header class="main-header">
        <!-- Logo -->
        <a href="/admin/main" class="logo">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini">
					<b>A</b>
					LT
				</span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg">
					<b>Admin</b>
					LTE
				</span>
        </a>
        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>
            <!-- Navbar Right Menu -->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!-- Messages: style can be found in dropdown.less-->
                    <!-- User Account Menu -->
                    <li class="dropdown user user-menu">
                        <!-- Menu Toggle Button -->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <!-- The user image in the navbar-->
                            <img class="user-image list-common-user-photo" alt="User Image">
                            <!-- hidden-xs hides the username on small devices so only the image appears. -->
                            <span class="hidden-xs list-common-user-nickname">用户昵称</span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- The user image in the menu -->
                            <li class="user-header">
                                <img class="img-circle list-common-user-photo" alt="User Image">

                                <p class="list-common-user-nickname">用户昵称</p>
                            </li>

                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a class="btn btn-default btn-flat" onclick="listCommon.operate.toEditUserInfo()">修改用户资料</a>
                                </div>
                                <div class="pull-right">
                                    <a href="/admin/logout" class="btn btn-default btn-flat">登出</a>
                                </div>
                            </li>
                        </ul>
                    </li>

                </ul>
            </div>
        </nav>
    </header>

    <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            <!-- Sidebar Menu -->
            <ul class="sidebar-menu" data-widget="tree" th:attr="data-menu-json=${sessionUser.menuListJson}">
                <li class="header">菜单</li>
                <!-- Optionally, you can add icons to the links -->
                <li class="active">
                    <a href="/admin/main">
                        <i class="fa fa-link"></i>
                        <span>首页</span>
                    </a>
                </li>

            </ul>
            <!-- /.sidebar-menu -->
        </section>
        <!-- /.sidebar -->
    </aside>

    <div class="content-wrapper" layout:fragment="content"></div>
    <!-- /.content-wrapper -->


    <!-- Main Footer -->
    <footer class="main-footer">
        <!-- To the right -->
        <div class="pull-right hidden-xs">Anything you want</div>
        <!-- Default to the left -->
        <strong>
            Copyright &copy; 2016
            <a href="#">Company</a>
            .
        </strong>
        All rights reserved.
    </footer>
</div>
<!-- REQUIRED JS SCRIPTS -->

<!-- jQuery 3 -->
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
<!-- mobile check -->
<script src="/bower_components/mobile-check/isMobile.min.js"></script>
<!-- fastclick -->
<script src="/bower_components/fastclick/lib/fastclick.js"></script>
<!-- slim scroll -->
<script src="/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="/dist/js/adminlte.min.js"></script>
<!-- bootbox -->
<script src="/bower_components/bootbox/bootbox.js"></script>
<!-- PACE -->
<script src="/bower_components/PACE/pace.min.js"></script>
<!-- layer -->
<script src="/bower_components/layer/layer.js"></script>
-

<!-- bootstrap table -->
<script src="/bower_components/bootstrap-table/dist/bootstrap-table.min.js"></script>
<script src="/bower_components/bootstrap-table/dist/locale/bootstrap-table-zh-CN.min.js"></script>
<!-- /.bootstrap table -->
<!-- bootstrap validator -->
<script src="/bower_components/bootstrap-validator/dist/validator.js"></script>
<!-- form parse -->
<script src="/bower_components/jquery-formparse/jquery-formparse.js"></script>

<!-- jquery form -->
<script src="/bower_components/jquery-form/jquery-form.js"></script>
<!-- datepicker -->
<script src="/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script src="/bower_components/bootstrap-datepicker/dist/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- /.datepicker -->
<!-- global common -->
<script src="/dist/js/common/global-common.js"></script>
<!-- list common -->
<script src="/dist/js/common/list-common.js"></script>

<!-- /.form builder插件 -->
<div layout:fragment="page-js" th:remove="tag"></div>


</body>
</html>